﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>单元房-问题列表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../css/mui.min.css">
    <link rel="stylesheet" type="text/css" href="../css/app.css" />
    <link rel="stylesheet" type="text/css" href="css/unit_housing_problem.css" />
</head>
<body>
    <header class="mui-bar mui-bar-nav" style="z-index: 9999;">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title">18栋-2(1102)</h1>
        <a class="mui-icon mui-icon-home com-to-home-btn" style="position:absolute;right:15px;font-weight:400" id="gohome"></a>
    </header>
    <div class="mui-content">
        <!--<div class="flex-container explain">
            <div class="flex-item">
                <span class="purple"></span>
                <span>待派单(<span>0</span>)</span>
            </div>
            <div class="flex-item">
                <span class="red"></span>
                <span>待整改(<span>0</span>)</span>
            </div>
            <div class="flex-item">
                <span class="blue"></span>
                <span>已消单(<span>0</span>)</span>
            </div>
            <div class="flex-item">
                <span class="green"></span>
                <span>已通过(<span>0</span>)</span>
            </div>
        </div>-->
        <div>
            <div id="segmentedControl" class="mui-segmented-control">
                <a class="mui-control-item mui-active" href="#item1">
                    <span class="vertical_line_gray"></span>
                    <span>全部</span><br />
                    <span>(16)</span>
                </a>

                <a class="mui-control-item" href="#item3">
                    <span class="vertical_line_gray"></span>
                    <span>
                        <span class="circle_red"></span>
                        待整改
                    </span><br />
                    <span>(4)</span>
                </a>

                <a class="mui-control-item" href="#item5">
                    <span>
                        <span class="circle_green"></span>
                        已通过
                    </span><br />
                    <span>(4)</span>
                </a>
                <a class="mui-control-item" href="#item2">
                    <span class="vertical_line_gray"></span>
                    <span>
                        <span class="circle_check">
                            <span></span>
                        </span>
                        待销单
                    </span><br />
                    <span>(4)</span>
                </a>
                <a class="mui-control-item" href="#item4">
                    <span class="vertical_line_gray"></span>
                    <span>
                        <span class="circle_blue"></span>
                        已销单
                    </span><br />
                    <span>(4)</span>
                </a>

            </div>
        </div>
        <div class="mui-content-padded">
            <button id="add_problem" type="button" class="mui-btn mui-btn-primary mui-btn-block">
                <a class="mui-icon mui-icon-plus" style="color:white;"></a>
                新增问题
            </button>
        </div>
        <div class="mui-content-padded">
            <button id="no_problem" type="button" class="mui-btn mui-btn-primary mui-btn-block mui-hidden">
                没有问题检查通过
            </button>
        </div>

        <div id="wrap_all">
            <div id="item1" class="mui-control-content mui-active">
                <div class="mui-scroll">
                    <ul class="mui-table-view mui- hidden">

                        <li class="mui-table-view-cell" status="2">
                            <a class=" mui-navigate-right" style="padding-right: 40px;">
                                <div class="top">
                                    <!--<span>编号：</span>
                                    <span>168549865463</span>-->
                                    <span class="red">待整改</span>
                                    <span class="red">紧急</span>
                                    <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                        张三
                                        2017-8-11 11:11:11
                                    </time>
                                </div>
                                <div class="bottom">
                                    <div>
                                        <span>分类：质保维修(业户)>装饰装修</span>
                                    </div>
                                    <div>
                                        <span>描述：</span>
                                        <span>门锁、五金故障或损坏</span>
                                    </div>
                                    <!--<div>
                                        <span>整改截止：</span>
                                        <span>2017-8-11</span>
                                        <span>|</span>
                                        <span style="color: #dd524d;">超期10天</span>
                                    </div>-->
                                </div>
                            </a>
                        </li>

                        <li class="mui-table-view-cell" status="4">
                            <a class=" mui-navigate-right" style="padding-right: 40px;">
                                <div class="top">
                                    <!--<span>编号：</span>
                                    <span>168549865463</span>-->
                                    <span class="green">已通过</span>
                                    <span class="red">紧急</span>
                                    <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                        张三
                                        2017-8-11 11:11:11
                                    </time>
                                </div>
                                <div class="bottom">
                                    <div>
                                        <span>分类：质保维修(业户)>土建</span>
                                    </div>
                                    <div>
                                        <span>描述：</span>
                                        <span>门锁、五金故障或损坏</span>
                                    </div>
                                    <!--<div>
                                        <span>整改截止：</span>
                                        <span>2017-8-11</span>
                                        <span>|</span>
                                        <span style="color: #dd524d;">超期10天</span>
                                    </div>-->
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell" status="1">
                            <a class=" mui-navigate-right" style="padding-right: 40px;">
                                <div class="top">
                                    <span class="purple" style="color:black">待销单</span>
                                    <span class="red">紧急</span>
                                    <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                        张师傅
                                        2017-8-11 11:11:11
                                    </time>
                                </div>
                                <div class="bottom">
                                    <div>
                                        <span>分类：质保维修(业户)>土建</span>
                                    </div>
                                    <div>
                                        <span>描述：</span>
                                        <span>门锁、五金故障或损坏</span>
                                    </div>
                                    <!--<div>
                                        <span>整改截止：</span>
                                        <span>2017-8-11</span>
                                        <span>|</span>
                                        <span style="color: #dd524d;">超期10天</span>
                                    </div>-->
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell" status="3">
                            <a class=" mui-navigate-right" style="padding-right: 40px;">
                                <div class="top">
                                    <!--<span>编号：</span>
                                    <span>168549865463</span>-->
                                    <span class="blue">已销单</span>
                                    <span class="red">紧急</span>
                                    <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                        张三
                                        2017-8-11 11:11:11
                                    </time>
                                </div>
                                <div class="bottom">
                                    <div>
                                        <span>分类：质保维修(业户)>给排水</span>
                                    </div>
                                    <div>
                                        <span>描述：</span>
                                        <span>门锁、五金故障或损坏</span>
                                    </div>
                                    <!--<div>
                                        <span>整改截止：</span>
                                        <span>2017-8-11</span>
                                        <span>|</span>
                                        <span style="color: #dd524d;">超期10天</span>
                                    </div>-->
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="item2" class="mui-control-content">
                <ul class="mui-table-view mui- hidden">
                    <li class="mui-table-view-cell" status="1">
                        <a class="mui-navigate-right" style="padding-right: 40px;">
                            <div class="top">
                                <span class="purple" style="color:black">待销单</span>
                                <span class="red">紧急</span>
                                <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                    张师傅
                                    2017-8-11 11:11:11
                                </time>
                            </div>
                            <div class="bottom">
                                <div>
                                    <span>分类：质保维修(业户)>装饰装修</span>
                                </div>
                                <div>
                                    <span>描述：</span>
                                    <span>门锁、五金故障或损坏</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="mui-table-view-cell" status="1">
                        <a class="mui-navigate-right" style="padding-right: 40px;">
                            <div class="top">
                                <span class="purple" style="color:black">待销单</span>
                                <span class="red">紧急</span>
                                <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                    张师傅
                                    2017-8-11 11:11:11
                                </time>
                            </div>
                            <div class="bottom">
                                <div>
                                    <span>分类：质保维修(业户)>装饰装修</span>
                                </div>
                                <div>
                                    <span>描述：</span>
                                    <span>门锁、五金故障或损坏</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="mui-table-view-cell" status="1">
                        <a class="mui-navigate-right" style="padding-right: 40px;">
                            <div class="top">
                                <span class="purple" style="color:black">待销单</span>
                                <span class="red">紧急</span>
                                <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                    张师傅
                                    2017-8-11 11:11:11
                                </time>
                            </div>
                            <div class="bottom">
                                <div>
                                    <span>分类：质保维修(业户)>装饰装修</span>
                                </div>
                                <div>
                                    <span>描述：</span>
                                    <span>门锁、五金故障或损坏</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="mui-table-view-cell" status="1">
                        <a class="mui-navigate-right" style="padding-right: 40px;">
                            <div class="top">
                                <span class="purple" style="color:black">待销单</span>
                                <span class="red">紧急</span>
                                <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                    张师傅
                                    2017-8-11 11:11:11
                                </time>
                            </div>
                            <div class="bottom">
                                <div>
                                    <span>分类：质保维修(业户)>装饰装修</span>
                                </div>
                                <div>
                                    <span>描述：</span>
                                    <span>门锁、五金故障或损坏</span>
                                </div>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div id="item3" class="mui-control-content">
                <ul class="mui-table-view mui- hidden">
                    <li class="mui-table-view-cell" status="1">
                        <a class="mui-navigate-right" style="padding-right: 40px;">
                            <div class="top">
                                <span class="red" style="color:white">待整改</span>
                                <span class="red">紧急</span>
                                <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                    张师傅
                                    2017-8-11 11:11:11
                                </time>
                            </div>
                            <div class="bottom">
                                <div>
                                    <span>分类：质保维修(业户)>装饰装修</span>
                                </div>
                                <div>
                                    <span>描述：</span>
                                    <span>门锁、五金故障或损坏</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="mui-table-view-cell" status="1">
                        <a class="mui-navigate-right" style="padding-right: 40px;">
                            <div class="top">
                                <span class="red" style="color:white">待整改</span>
                                <span class="red">紧急</span>
                                <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                    张师傅
                                    2017-8-11 11:11:11
                                </time>
                            </div>
                            <div class="bottom">
                                <div>
                                    <span>分类：质保维修(业户)>装饰装修</span>
                                </div>
                                <div>
                                    <span>描述：</span>
                                    <span>门锁、五金故障或损坏</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="mui-table-view-cell" status="1">
                        <a class="mui-navigate-right" style="padding-right: 40px;">
                            <div class="top">
                                <span class="red" style="color:white">待整改</span>
                                <span class="red">紧急</span>
                                <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                    张师傅
                                    2017-8-11 11:11:11
                                </time>
                            </div>
                            <div class="bottom">
                                <div>
                                    <span>分类：质保维修(业户)>装饰装修</span>
                                </div>
                                <div>
                                    <span>描述：</span>
                                    <span>门锁、五金故障或损坏</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="mui-table-view-cell" status="1">
                        <a class="mui-navigate-right" style="padding-right: 40px;">
                            <div class="top">
                                <span class="red" style="color:white">待整改</span>
                                <span class="red">紧急</span>
                                <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                    张师傅
                                    2017-8-11 11:11:11
                                </time>
                            </div>
                            <div class="bottom">
                                <div>
                                    <span>分类：质保维修(业户)>装饰装修</span>
                                </div>
                                <div>
                                    <span>描述：</span>
                                    <span>门锁、五金故障或损坏</span>
                                </div>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div id="item4" class="mui-control-content">
                <ul class="mui-table-view mui- hidden">
                    <li class="mui-table-view-cell" status="1">
                        <a class="mui-navigate-right" style="padding-right: 40px;">
                            <div class="top">
                                <span class="blue" style="color:white">已消单</span>
                                <span class="red">紧急</span>
                                <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                    张师傅
                                    2017-8-11 11:11:11
                                </time>
                            </div>
                            <div class="bottom">
                                <div>
                                    <span>分类：质保维修(业户)>装饰装修</span>
                                </div>
                                <div>
                                    <span>描述：</span>
                                    <span>门锁、五金故障或损坏</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="mui-table-view-cell" status="1">
                        <a class="mui-navigate-right" style="padding-right: 40px;">
                            <div class="top">
                                <span class="blue" style="color:white">已消单</span>
                                <span class="red">紧急</span>
                                <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                    张师傅
                                    2017-8-11 11:11:11
                                </time>
                            </div>
                            <div class="bottom">
                                <div>
                                    <span>分类：质保维修(业户)>装饰装修</span>
                                </div>
                                <div>
                                    <span>描述：</span>
                                    <span>门锁、五金故障或损坏</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="mui-table-view-cell" status="1">
                        <a class="mui-navigate-right" style="padding-right: 40px;">
                            <div class="top">
                                <span class="blue" style="color:white">已消单</span>
                                <span class="red">紧急</span>
                                <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                    张师傅
                                    2017-8-11 11:11:11
                                </time>
                            </div>
                            <div class="bottom">
                                <div>
                                    <span>分类：质保维修(业户)>装饰装修</span>
                                </div>
                                <div>
                                    <span>描述：</span>
                                    <span>门锁、五金故障或损坏</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="mui-table-view-cell" status="1">
                        <a class="mui-navigate-right" style="padding-right: 40px;">
                            <div class="top">
                                <span class="blue" style="color:white">已消单</span>
                                <span class="red">紧急</span>
                                <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                    张师傅
                                    2017-8-11 11:11:11
                                </time>
                            </div>
                            <div class="bottom">
                                <div>
                                    <span>分类：质保维修(业户)>装饰装修</span>
                                </div>
                                <div>
                                    <span>描述：</span>
                                    <span>门锁、五金故障或损坏</span>
                                </div>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div id="item5" class="mui-control-content">
                <ul class="mui-table-view mui- hidden">
                    <li class="mui-table-view-cell" status="1">
                        <a class="mui-navigate-right" style="padding-right: 40px;">
                            <div class="top">
                                <span class="green" style="color:white">已通过</span>
                                <span class="red">紧急</span>
                                <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                    张师傅
                                    2017-8-11 11:11:11
                                </time>
                            </div>
                            <div class="bottom">
                                <div>
                                    <span>分类：质保维修(业户)>装饰装修</span>
                                </div>
                                <div>
                                    <span>描述：</span>
                                    <span>门锁、五金故障或损坏</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="mui-table-view-cell" status="1">
                        <a class="mui-navigate-right" style="padding-right: 40px;">
                            <div class="top">
                                <span class="green" style="color:white">已通过</span>
                                <span class="red">紧急</span>
                                <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                    张师傅
                                    2017-8-11 11:11:11
                                </time>
                            </div>
                            <div class="bottom">
                                <div>
                                    <span>分类：质保维修(业户)>装饰装修</span>
                                </div>
                                <div>
                                    <span>描述：</span>
                                    <span>门锁、五金故障或损坏</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="mui-table-view-cell" status="1">
                        <a class="mui-navigate-right" style="padding-right: 40px;">
                            <div class="top">
                                <span class="green" style="color:white">已通过</span>
                                <span class="red">紧急</span>
                                <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                    张师傅
                                    2017-8-11 11:11:11
                                </time>
                            </div>
                            <div class="bottom">
                                <div>
                                    <span>分类：质保维修(业户)>装饰装修</span>
                                </div>
                                <div>
                                    <span>描述：</span>
                                    <span>门锁、五金故障或损坏</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="mui-table-view-cell" status="1">
                        <a class="mui-navigate-right" style="padding-right: 40px;">
                            <div class="top">
                                <span class="green" style="color:white">已通过</span>
                                <span class="red">紧急</span>
                                <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                    张师傅
                                    2017-8-11 11:11:11
                                </time>
                            </div>
                            <div class="bottom">
                                <div>
                                    <span>分类：质保维修(业户)>装饰装修</span>
                                </div>
                                <div>
                                    <span>描述：</span>
                                    <span>门锁、五金故障或损坏</span>
                                </div>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <script src="../js/mui.min.js"></script>
    <script src="js/unit_housing_problem.js"></script>
</body>
</html>